<template>
  <div class="home">
    <div class="content">
      <!-- 首页顶部展示 -->
      <div class="top"><TopShow /></div>
      <!-- 企业版量表测试 -->
      <div class="enterprise"><EnterpriseShow /></div>
      <!-- 量表展示页 -->
      <div class="table-list">
        <div>
          <TableShow :tableMessage="tableshowStore.showInfo" />
        </div>
      </div>
      <!-- 关于我们展示页 -->
      <About />
    </div>
  </div>
</template>

<script setup>
import About from "./components/About.vue";
import EnterpriseShow from "./components/EnterpriseShow.vue";
import TableShow from "./components/TableShow.vue";
import TopShow from "./components/TopShow.vue";
import usePsyTableShowStore from "../../../store/psy/psytableShow";

const tableshowStore=usePsyTableShowStore();
// const tableMessage = [
//   {
//     id: 1,
//     nameType: "人格障碍诊断问卷",
//     nameAbbr: "MBTI人格",
//     img: "https://psystatic.fenxapp.com/uploads/0/1/240607/edb6eba1ce1f61db6c11908057e54c2e.png?x-oss-process=image/auto-orient,1/interlace,1/resize,m_lfit,w_186,1/format,webp",
//     tag: "专业型",
//     desc: "评估人格障碍，涵盖12领域，广泛应用于精神疾病和健康人群",
//   },
//   {
//     id: 2,
//     nameType: "自恋人格量表",
//     nameAbbr: "NPI-56",
//     img: "https://psystatic.fenxapp.com/uploads/0/1/240624/4b8df10c1ef590932e7a95851fbd39c9.jpg?x-oss-process=image/auto-orient,1/interlace,1/resize,m_lfit,w_186,1/format,webp",
//     tag: "专业型",
//     desc: "评估个人自恋倾向，帮助理解行为模式和情感倾向，促进职业发展和人际关系改善。",
//   },
//   {
//     id: 3,
//     nameType: "抑郁自评",
//     nameAbbr: "SDS",
//     img: "https://psystatic.fenxapp.com/uploads/0/1/240326/7ef2e007a73ec0b5cb72ace79ce975d1.png?x-oss-process=image/auto-orient,1/interlace,1/resize,m_lfit,w_186,1/format,webp",
//     tag: "专业型",
//     desc: "简单、快速、直观地把握抑郁症状",
//   },
//   {
//     id: 4,
//     nameType: "焦虑自评",
//     nameAbbr: "SAS",
//     img: "https://psystatic.fenxapp.com/uploads/0/1/240326/7b71681480f0fb70c320c75b9d0d4fbb.jpg?x-oss-process=image/auto-orient,1/interlace,1/resize,m_lfit,w_186,1/format,webp",
//     tag: "专业型",
//     desc: "了解自己的焦虑程度，让自己的情绪状态更加清晰可见",
//   },
// ];
</script>

<script>
/**
 * 首页
 * 负责人：谭烨
 */
export default {
  name: "Home",
};
</script>

<style scoped lang="scss">
.home {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 700px;
  /* stylelint-disable-next-line rule-empty-line-before */
  .content {
    margin-top: 10px;
  }
}
</style>
